<!DOCTYPE html>
<html>
    <head>
        <title>App Land</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="../Resource/css/style.css" />
		<link rel="stylesheet" type="text/css" href="../Resource/css/stimenu.css" />
		<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Wire+One&v1' rel='stylesheet' type='text/css' />
    </head>
    <body>
		<div class="container">
			<h1><span>Wellcome to </span>App Land!</h1>
			<ul id="sti-menu" class="sti-menu">
				<li data-hovercolor="#afd240">
					<a href="androidplatform.php">
						<h2 data-type="mText" class="sti-item">ANDROID</h2>
						<h3 data-type="sText" class="sti-item">Hệ điều hành mã nguồn mở phát triển bởi Google</h3>
						<span data-type="icon" class="sti-icon sti-icon-android sti-item"></span>
					</a>
				</li>
				<li data-hovercolor="#c6c3bb">
					<a href="#">
						<h2 data-type="mText" class="sti-item">iOS</h2>
						<h3 data-type="sText" class="sti-item">Hệ điều hành trên các thiết bị di động của Apple</h3>
						<span data-type="icon" class="sti-icon sti-icon-ios sti-item"></span>
					</a>
				</li>
				<li data-hovercolor="#4f4f4f">
					<a href="#">
						<h2 data-type="mText" class="sti-item">WINDOW PHONE</h2>
						<h3 data-type="sText" class="sti-item">Hệ điều hành của Microsoft dành cho smartphone</h3>
						<span data-type="icon" class="sti-icon sti-icon-wp sti-item"></span>
					</a>
				</li>
				<li data-hovercolor="#006599">
					<a href="#">
						<h2 data-type="mText" class="sti-item">BLACKBERRY</h2>
						<h3 data-type="sText" class="sti-item">Hệ điều hành BlackBerry của hãng Research In Motio</h3>
						<span data-type="icon" class="sti-icon sti-icon-blackberry sti-item"></span>
					</a>
				</li>
			</ul>
			<div class="footer">
				<a href="#">Copyright &copy; 2011 by<span>  App Land &laquo;</span></a>
				<span class="right_ab">
					<a href="http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/"><strong>ICON</strong></a>
				</span>
			</div>
		</div>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
		<script type="text/javascript" src="../Resource/js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="../Resource/js/jquery.iconmenu.js"></script>
		<script type="text/javascript">
			$(function() {
				$('#sti-menu').iconmenu();
			});
		</script>
    </body>
</html>